<template>
  <div class="slider-links bgWhite slider-card">
    <CardTitle>
      <template slot="title">友情链接</template>
    </CardTitle>
    <div class="slider-box">
      <div class="slider-links_item" v-for="(item,index) in list" :key="index">
        <a href="http://192.168.0.185:82/" target="_blank">友情链接</a>
      </div>
    </div>

  </div>
</template>
<script lang="ts">
import { Component, Prop, Vue, Emit } from "vue-property-decorator";
@Component
export default class HelloWorld extends Vue {
  list: Array<any> = [1, 2, 3, 4, 5];
}
</script>
<style lang="scss" scoped>
.slider-links {
 
  &_item {
    padding: 5px;
    border-bottom: 1px solid rgba(192, 238, 243, 0.42);
    &:last-child{
        border-bottom: none;
    }
   &-name {
       display: block;
       font-size: 14px;
       span {
           font-size: 12px;
       }
   }
   &-content {
       font-size: 14px;
       background-color: rgba(187, 186, 197, 0.1);
       padding: 5px;
       border-radius: 2px;
   }
  }
}
</style>
